@charset "utf-8";
/* CSS Document */

/* banner */
.ibanner{ width:100%; height:540px; overflow:hidden; position:relative; z-index:1;}
.ibanner .bd{ position:relative; height:auto; z-index:0;}
.ibanner .bd ul{ display:block;}
.ibanner .bd ul li{ display:block;}
.ibanner .bd ul li a{ display:block; width:100%; height:540px; background-size:cover !important;}
.ibanner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:24px;}
.ibanner .hd ul{ display:block; height:12px; text-align:center;}
.ibanner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 5px; vertical-align:top; cursor:pointer;}
.ibanner .hd ul li.on{ background:#009f3c;}

.main{ width:auto;}

/*主体样式*/
.ibox{ overflow:hidden;}
.ibox .con{ width:1200px; position:relative; margin:0 auto;}
.ibox h2{ display:block; line-height:152px; color:#333; font-size:44px; font-weight:normal; text-align:center; padding:10px 0 0;}

.box1{ background:url(../images/icons/bg1.png) center top no-repeat; padding:62px 0 68px;}
.box1 .con{ overflow:hidden;}
.box1 img.pic{ display:block; height:196px; float:right; margin:0 72px 0 90px;}
.box1 a.more{ display:block; line-height:34px; color:#009f3c; font-size:14px; float:right; margin:162px 0 0;}
.box1 video{ display:block; width:556px; height:368px; float:right; margin-left:56px;}
.box1 h2{ line-height:120px; text-align:left; padding:0;}
.box1 .txt{ height:180px; line-height:30px; color:#999; font-size:15px; overflow:hidden; padding:4px 0 0;}
.box1 a.btn{ display:block; width:80px; line-height:34px; color:#fff; font-size:14px; background:#009f3c url(../images/icons/arrow.png) right 20px center no-repeat; padding:0 20px; border-radius:17px; margin:30px 0 0;}

.box2{ padding:0 0 68px;}
.box2 ul{ display:block; overflow:hidden; margin:0 -10px;}
.box2 ul li{ display:block; width:25%; overflow:hidden; float:left;}
.box2 ul li a{ display:block; border:2px solid #f2f2f2; margin:0 10px 20px; position:relative;}
.box2 ul li a img{ display:block; width:100%; height:222px;}
.box2 ul li a span{ display:block; line-height:68px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:2px 14px 0; background:#f2f2f2 url(../images/icons/more.png) right 14px center no-repeat; padding-right:54px;}
.box2 ul li a:hover{ border-color:#009f3c;}
.box2 ul li a:hover span{ color:#fff; background-color:#009f3c; background-image:url(../images/icons/more_h.png);}

.box3{ background:url(../images/icons/bg3.jpg) center top no-repeat;}
.box3 .slide{ position:relative; z-index:1; padding:12px 0 88px;}
.box3 .slide .bd{ position:relative; overflow:hidden; height:auto; z-index:0;}
.box3 .slide .bd .tempWrap{ width:1236px; margin:0 -18px;}
.box3 .slide .bd ul{ display:block; overflow:hidden;}
.box3 .slide .bd ul li{ display:block; width:412px; overflow:hidden; float:left;}
.box3 .slide .bd ul li a{ display:block; margin:0 18px; position:relative;}
.box3 .slide .bd ul li a img{ display:block; width:100%; height:280px;}
.box3 .slide .bd ul li a span{ display:block; width:100%; line-height:60px; color:#fff; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;}
.box3 .slide .bd ul li a:hover span{ background:rgba(0,159,60,0.7);}
.box3 .slide a.prev,
.box3 .slide a.next{ display:block; width:44px; height:44px; position:absolute; bottom:0;}
.box3 .slide a.prev{ background:url(../images/common/prev.png) center top no-repeat; left:50%; margin-left:-54px;}
.box3 .slide a.next{ background:url(../images/common/next.png) center top no-repeat; right:50%; margin-right:-54px;}
.box3 .slide a.prev:hover,
.box3 .slide a.next:hover{ background-position:center bottom;}

.box4{ padding:0 0 72px;}
.box4 .slide{ width:554px; background:#f2f2f2; overflow:hidden; position:relative; z-index:1; float:left; margin-right:90px;}
.box4 .slide .bd{ position:relative; overflow:hidden; z-index:1;}
.box4 .slide .bd ul{ display:block; overflow:hidden;}
.box4 .slide .bd ul li{ display:block; overflow:hidden; float:left;}
.box4 .slide .bd ul li a.pic{ display:block; position:relative;}
.box4 .slide .bd ul li a.pic img{ display:block; width:554px; height:398px;}
.box4 .slide .bd ul li span{ display:block; width:100px; line-height:32px; color:#fff; font-size:14px; text-align:center; overflow:hidden; background:#009f3c; position:absolute; right:0; bottom:0;}
.box4 .slide .bd ul li a.title{ display:block; line-height:60px; color:#333; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:4px 24px 0;}
.box4 .slide .bd ul li a.title:hover{ color:#009f3c;}
.box4 .slide .bd ul li .txt{ display:block; height:48px; line-height:24px; color:#999; font-size:14px; overflow:hidden; margin:0 24px 28px;}
.box4 .slide a.prev,
.box4 .slide a.next{ display:block; width:32px; height:70px; position:absolute; top:200px; margin-top:-35px; z-index:5;}
.box4 .slide a.prev{ background:url(../images/icons/prev.png) center top no-repeat; left:0;}
.box4 .slide a.next{ background:url(../images/icons/next.png) center top no-repeat; right:0;}
.box4 .news{ display:block; overflow:hidden;}
.box4 .news dl{ display:block; overflow:hidden;}
.box4 .news dl dt{ display:block; overflow:hidden; border-bottom:1px solid #ebebeb;}
.box4 .news dl dt:first-child{ width:256px; float:left; padding-right:44px;}
.box4 .news dl dt a.pic{ display:block; position:relative;}
.box4 .news dl dt a.pic img{ display:block; width:100%; height:184px;}
.box4 .news dl dt span{ display:block; width:80px; line-height:26px; color:#fff; font-size:12px; text-align:center; overflow:hidden; background:#009f3c; position:absolute; right:0; bottom:0;}
.box4 .news dl dt a.title{ display:block; height:48px; line-height:24px; color:#333; font-size:14px; overflow:hidden; margin:18px 0 27px;}
.box4 .news dl dt a.title:hover{ color:#009f3c;}
.box4 .news dl dd{ display:block; line-height:64px; font-size:16px; overflow:hidden; border-bottom:1px solid #ebebeb;}
.box4 .news dl dd a{ display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 .news dl dd a:hover{ color:#009f3c;}
.box4 .news dl dd span{ display:block; color:#ccc; float:right; margin-left:48px;}








/**/